import { lazy } from "react";
const Home = lazy(() => import("../pages/Home/index")); 
const Detail = lazy(() => import("../pages/Detail/index"));
const My = lazy(() => import("../pages/My/index"));
const Order = lazy(() => import("../pages/Order/index"));
const Pay = lazy(() => import("../pages/Pay/index")); 
const Penple = lazy(() => import("../pages/Penple/index")); 
const Success = lazy(() => import("../pages/success/success")); 
import {createBrowserRouter} from 'react-router-dom'
const router=[
    {
        path:'/',
        element:<Home/>,
    },{
        path:'/detail',
        element:<Detail/>,
    },{
        path:'/my',
        element:<My/>,
    },{
        path:'/order',
        element:<Order/>,
    },{
        path:'/pay',
        element:<Pay/>,
    },{
        path:'/penple',
        element:<Penple/>,
    },{
        path:'/success',
        element:<Success/>,
    }
]
export default createBrowserRouter(router)